<!DOCTYPE html>
<html lang="zh-cn" class="pui-app" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="Plane UI" />
    <meta name="keywords" content="Plane UI" />
    <title>宠-首页</title>

    <link rel="stylesheet" type="text/css" href="/planeui/dist/css/planeui.css" />
    <link rel="stylesheet" type="text/css" href="/css/showImages.css" />
    <link rel="stylesheet" type="text/css" href="/css/swiper.min.css" />
    <style>
        .iScrollIndicator {
            width: 5px !important;
            border: none !important;
        }
    </style>
</head>
<body>
<!--[if lte IE 9]>
<div class="pui-layout pui-browsehappy">
    <a href="javascript:;" class="pui-close" onclick="document.body.removeChild(this.parentNode);"></a>
    <p>您正在使用 <strong class="pui-text-yellow pui-text-xl">过时</strong> 的非现代浏览器，<strong class="pui-text-success pui-text-xl">91.23%</strong> 的人选择 <a href="http://browsehappy.com/" target="_blank" class="pui-text-green-400 pui-text-xl"><strong>升级浏览器</strong></a>，获得了更好、更安全的浏览体验！</p>
</div>
<![endif]-->
<div class="pui-layout pui-app-layout">
    <div class="pui-side-slide-left">
        <div style="height:2000px;">左侧滑出层</div>
    </div>
    <div class="pui-side-slide-top">
        <div style="height:400px;">顶部滑出层</div>
    </div>
    <div class="pui-app-main pui-app-main-prev">
        <header class="pui-app-header pui-bg-blue-300">
            <input id="userId" type="hidden" th:value="${userId}"/>
            <div class="pui-app-header-aside">
                <!--                <a href="javascript:;" pui-side-slide="left">-->
                <a href="javascript:;">
                    <i class="fa fa-2x pui-text-white">宠</i>
                    <!--                    <i class="fa fa-list fa-2x pui-text-white"></i>-->
                </a>
            </div>
            <div class="pui-app-header-middle" pui-side-slide="top">
                <strong class="pui-text-white" style="font-size:18px;font-weight:bold;">那些温暖的宠</strong>
            </div>
            <div class="pui-app-header-offside">
                <!--                pui-side-slide="right"-->
                <a href="javascript:;"  class="pui-text-white pui-text-xxxxl" style="line-height:1;line-height:1;padding: 3px 12px 5px;">
                    <!--                    +-->
                </a>
            </div>
        </header>

        <div style="padding-top:5px;">
            <div th:replace="/common/common_banner"></div>
        </div>
        <!--        pui-button-sheet pui-button-sheet-table pui-button-sheet-bordered-->
        <div class="pui-button-sheet pui-button-sheet-bordered" style="padding-top:5px;padding-bottom:15px;border-bottom: 1px double #DDDDDD;background-color:#f3f3f3">
            <div class="pui-button-sheet-row">
                <a href="/home/active" class="pui-bg-color-pink pui-circle" style="width:40px;height:40px;float: left;padding-top:10px;color:fuchsia;margin:10px;">
                    <i class="fa fa-slideshare fa-2x"></i>活动
                </a>
                <a href="/home/news" class="pui-secondary pui-circle" style="width:40px;height:40px;float: left;padding-top:10px;color:#0a6999;margin:10px;">
                    <i class="fa fa-newspaper-o fa-2x"></i>咨询
                </a>
<!--                <a href="/home/hospital" class="pui-bg-color-plum pui-circle" style="width:40px;height:40px;float: left;padding-top:10px;color:#FF0000;margin:10px;">-->
<!--                    <i class="fa fa-hospital-o fa-2x"></i>医院-->
<!--                </a>-->
                <!--                <a href="javascript:;"><i class="fa fa-cloud-upload fa-5x"></i>按钮1</a>-->
                <!--                <a href="javascript:;"><i class="fa fa-cloud-upload fa-5x"></i>按钮1</a>-->
            </div>
        </div>
        <div class="pui-app-main-container" id="wrapper1" style="padding:10px;">
<!--            <div>-->
<!--                <a href="javascript:;">-->
<!--                    <img src="https://img.zcool.cn/community/014bc95af50428a8012160450b7270.jpg@2o.jpg" class="pui-img-responsive" width="100%"-->
<!--                                            height="100px;"/>-->
<!--                </a>-->
<!--            </div>-->
            <input type="hidden" id="pageSize" value="1"/>
            <input type="hidden" id="leftOrRight" value="0"/>
            <input type="hidden" id="div_last" value=""/>
            <div class="content">
                <!-- 瀑布流样式开始 -->
                <div id="allList" class="pui-flexbox" style="align-item:center;">
                    <div class="box pui-flex" id="leftList">
                        <!--左边图片-->
                    </div>
                    <div class="box pui-flex" id="rightList">
                        <!--右边图片-->
                    </div>
                </div>
            </div>
        </div>
<!--        <div id="main">-->
<!--            <div id="list">-->
<!--                <ul>-->
<!--                    <li>-->
<!--                        <div class="po-cmt">-->
<!--                            <div class="po-hd">-->
<!--                                <div class="post">-->
<!--                                    <p>-->
<!--                                        <img class="list-img" src="images/z1.png" style="height: 80px;">-->
<!--                                        <img class="list-img" src="images/z2.png" style="height: 80px;">-->
<!--                                        <img class="list-img data-avt" src="images/z3.png" style="height: 80px;">-->
<!--                                        <img class="list-img data-avt" src="images/z4.png" style="height: 80px;">-->
<!--                                    </p>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </li>-->
<!--                </ul>-->
<!--            </div>-->
<!--        </div>-->
        <!-- footer -->
        <div th:replace="/common/footer.html"></div>
    </div>
</div>

<div class="big_img">
    <div class="swiper-container2">
        <div class="swiper-wrapper">

        </div>
    </div>
    <div class="swiper-pagination2"></div>
</div>
<!--[if (gte IE 9) | !(IE)]><!-->
<script type="text/javascript" src="/planeui/app/js/jquery-2.1.1.min.js"></script>
<!--<![endif]-->

<!--[if lt IE 9]>
<script type="text/javascript" src="/planeui/app/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie8.js"></script>
<![endif]-->

<!--[if lt IE 10]>
<script type="text/javascript" src="/planeui/dist/js/planeui.patch.ie9.js"></script>
<![endif]-->
<script type="text/javascript" src="/planeui/dist/js/planeui.js"></script>
<script type="text/javascript" src="/planeui/app/js/iscroll.js"></script>
<script type="text/javascript" src="/js/rem.js"></script>
<script type="text/javascript" src="/js/swiper.min.js"></script>
<script type="text/javascript" src="/js/index.js"></script>
</body>
</html>